.brand{
    margin-bottom: 20px;
    font-size: 14px;
}
.brand a{
    color: #B89E5D;
    margin: 0 5px;
}
.brand a.now{
    color: #3D2F2E;
}

.title-block{
    width: 100%;
    height: 106px;
    background: #fff;
    padding: 30px 20px;
}
.search-box{
    width:23%;
    height: 40px;
    border: 1px solid #D0D0D0;
    padding-left: 10px;
    border-radius: 5px;
    margin-right: 20px;
}
.search-box i{
    display: inline-block;
    width: 27px;
    height: 29px;
    margin-right:10px;
    margin-top:5px;
    background: url("../img/big_03.png");
    vertical-align: middle;
}
.search-box i:hover{
    cursor: pointer;
}
.search-box input{
    border: none;
    outline: none;
    width: 80%;
    font-size: 12px;
    margin-top: 9px;
}
.select-box{
    width: 10%;
    height: 40px;
    border: 1px solid #D0D0D0;
    border-radius: 5px;
    font-size: 12px;
    line-height: 40px;
    padding-top:1px;
    position: relative;
    margin-right: 15px;
    cursor:pointer;
}
.select-box input,.area input{
	width:80%;
    outline: none;
    border: none;
    padding:0 10px;
    height: 35px;
}
.select-box i,.area i{
    font-style: normal;
    margin-right: 7px;
}
.select-box .list-box,.area .list-box{
    position: absolute;
    top: 40px;
    left: 0;
    width: 100%;
    background: #fff;
    z-index: 100;
    box-shadow: 0 0 20px #E8E7E4;
}
.area-select-box .city{
    position: absolute;
    top: 40px;
    left: 120px;
    width: 100%;
    background: #fff;
    z-index: 100;
    box-shadow: 0 0 20px #E8E7E4;
}
.select-box .list-box li,.area-select-box .list-box li{
    padding: 0 10px;
    line-height: 35px;
}
.select-box .list-box li:hover,.area-select-box .list-box li:hover{
    background: #F5DD99;
    color: #CDB26D;
}
.area{
    width: 120px;
    height: 40px;
    border: 1px solid #D0D0D0;
    border-radius: 5px;
    font-size: 12px;
    line-height: 40px;
    position: relative;
    padding-bottom: 5px;
    cursor:pointer;
}
.area ul{
    height: 175px;
    overflow: auto;
}
.btn-leading,.btn-export{
    width: 6%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border: 1px solid #F6CD54;
    margin-right: 20px;
    border-radius: 5px;
    font-size: 14px;
    font-size:16px;
    cursor:pointer;
}
.btn-leading:hover,.btn-export:hover{
    background: #F6CD54;
}
.add-customer{
    width: 10%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #F6CD54;
    margin-right: 20px;
    border-radius: 5px;
    font-size:16px;
    cursor:pointer;
}
.add-customer:hover{
    background: #F5DD99;
}

.table-box{
    width: 100%;
    height: 600px;
    background: #fff;
    padding: 20px;
    margin-top: 20px;
    overflow: auto;
}
.table-box table{
    width: 100%;
}
.table-box table thead tr{
    border: 1px solid #D7D7D8;
    width: 100%;
    height: 50px;
    background: #F4F6F8;
    font-size: 14px;
}
.table-box table tbody tr{
    border-bottom: 1px solid #E1E1E1;
}
.table-box table tbody tr:hover{
    background: #F5F2EB;
}
.table-box table tbody tr:hover td:nth-child(9) button{
    visibility: visible;
}
.table-box table tr td{
    font-size: 12px;
    height: 50px;
    vertical-align: middle;
}
.table-box table tr td:nth-child(3) a{
    display: inline-block;
    width: 48px;
    height: 22px;
    background: #F28686;
    color:#fff;
    text-align: center;
    line-height: 22px;
    border-radius: 3px;
}
.table-box table tr td:nth-child(3) a.using{
    background: #40C62E;

}
table tr td:nth-child(1){
    width: 12%;
    padding-left: 15px;
}
table tr td:nth-child(2){
    width: 11%;
}
table tr td:nth-child(3){
    width: 9%;
}
table tr td:nth-child(4){
    width: 8%;
}
table tr td:nth-child(5){
    width: 9%;
    padding-left:20px;
}
table tr td:nth-child(6){
    width: 11%;
}
table tr td:nth-child(7){
    width: 9%;
}
table tr td:nth-child(8){
    width: 9%;
}
table tr td:nth-child(9){
    text-align: center;
}
table tr td:nth-child(9) button{
    border: none;
    width: 42px;
    height: 28px;
    font-size: 12px;
    text-align: center;
    outline: none;
    border-radius: 8px;
    margin: 0 2px;
    visibility: hidden;
}
table tr td:nth-child(9) .more{
    background: #FEC83B;
    -webkit-box-shadow: 3px 3px 3px;
    -moz-box-shadow: 3px 3px 3px;
    box-shadow:0 2px 2px #B8912B;
}
table tr td:nth-child(9) .more:hover{
    background: #F5DD99;
}
table tr td:nth-child(9) .reverse{
    background: #FEC83B;
    -webkit-box-shadow: 3px 3px 3px;
    -moz-box-shadow: 3px 3px 3px;
    box-shadow:0 2px 2px #B8912B;
}
table tr td:nth-child(9) .reverse:hover{
    background: #F5DD99;
}
table tr td:nth-child(9) .delete{
    background: #D04949;
    -webkit-box-shadow: 3px 3px 3px;
    -moz-box-shadow: 3px 3px 3px;
    box-shadow:0 2px 2px #D04949;
    color: #fff;
}
table tr td:nth-child(9) .delete:hover{
    background: #EE5353;
}
